@charset "utf-8";

body{
	margin:0;
	padding:0;
	font-family:"微软雅黑",Verdana, Arial;
	font-size:15px;
	color:#656565;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
	font-family: "微软雅黑";
}
ul,li{
	list-style:none;
}
a{
	color:#333;
	text-decoration:none;
}
ul,ol,li{
	margin:0;
	padding:0;
	list-style: none;
}
/*修改input输入框提示文字颜色*/
input::-webkit-input-placeholder {  /* WebKit browsers */ 
	color:#999;
} 
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */ 
	color:#999;
} 
input::-moz-placeholder {  /* Mozilla Firefox 19+ */ 
	color:#999;
}
input:-ms-input-placeholder {  /* Internet Explorer 10+ */ 
	color:#999;
}

/*顶部栏*/
.head{
	width: 100%;
	height: 40px;
	background: #f5f5f5;
}
.head .container{
	margin: 0 auto;
	width: 1400px;
	height: 40px;
}
/*左*/
.head .container .fl{
	float: left;
	width: 70%;
}
.head .container .fl span{
	margin-right: 10px;
	line-height: 40px;
	font: 14px;
	color: #333;
}
.head .container .fl span a{
	color: #333;
}
/*右*/
.head .container .fr{
	float: right;
	width: 30%;
}

/*搜索*/
.head .container .fr .search{
	float: right;
	position: relative;
}
.head .container .fr .search input{
	display: inline-block;
	margin-top: 3px;
	padding-left: 10px;
	padding-right: 40px;
	width: 150px;
	height: 32px;
    line-height: 32px;
    border: none;
    outline: none;
    font-size: 12px;
    color: #333;
    border-radius: 30px;
	background: #fff;
}
.head .container .fr .search .but{
    background: url(../images/ss_icon.png) no-repeat center right;
    width: 10px;
    height: 50px;
    border: 0px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: -9px;
}

/*logo栏*/
.header{
	width: 100%;
	height: 180px;
	background: url(../images/topbj.png) no-repeat top left;
}
.header .container{
	margin: 0 auto;
	width: 1400px;
	height: 180px;
	border-bottom: 1px solid #e3e3e3;
}
.header .container .logo{
	float: left;
	width: 500px;
}

/*导航栏*/
.navs{
	width: 100%;
	height: 60px;
	background: #d60114; /*深红*/
}
.navs .container{
	margin: 0 auto;
	width: 1400px;
	height: 60px;
}

.menu{
	display: flex;
	width: 100%;
	justify-content: center;
	position: sticky;
	top: 0;
	left: 0;
}
.menu *{
	box-sizing: border-box;
}
.menu .center{
	width: 100%;
}
.menu .ul-list{
	display: flex;
}
.menu .ul-list > li{
	flex: 1;
	position: relative;
}
.menu .ul-list > li > a{
	display: flex;
	height: 55px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
}
.menu .ul-list > li > a:hover{
	color: #fff;
}
.menu .ul-list > li:hover .ol-list{
	display: block;
}
.menu .ol-list{
	display: none;
	width: 100%;
	background: #d60114;
	position: absolute;
	top: 57px;
	left: 0;
	z-index: 999;
}
.menu .ol-list > li > a{
	display: flex;
	height: 45px;
	text-decoration: none;
	align-items: center;
	font-size: 16px;
	color: #fff;
	justify-content: center;
}
.menu .ol-list > li > a:hover{
	background: #a70009;
}


/*底部栏*/
footer{
	clear: both;
	width: 100%;
	height: 140px;
	background: #ebe8e3;
	background: url(../images/foots.png) no-repeat top left;
}
footer .container{
	margin: 0 auto;
	width: 800px;
	height: 140px;
	/*background: #ddd;*/
}
footer .container .fl{
	float: right;
	width: 80px;
	height: 140px;
	padding-top: 35px;
}
footer .container .fr{
	float: right;
	width: 720px;
	height: 140px;
	padding-top: 30px;
	padding-left: 20px;
}
footer .container .fr p{
	line-height: 40px;
	font-size: 15px;
	color: #fff;
}
footer .container .fr p a{
	color: #fff;
}